<%--
  Created by IntelliJ IDEA.
  User: zhangxu
  Date: 2021/3/28
  Time: 9:14 上午
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <title>绿色评级系统</title>
  <style type="text/css">
    body{
      background-color: #5dac81;
    }
    h1{
      text-align: center;
      position: relative;
      top: 15%;
    }
    #main{
      position: relative;
      top: 25%;
      text-align: center;
    }
    .enterprise,.bank{
      width: 300px;
      height: 300px;
      background-color: #beb850;
      border: 1px solid #beb850;
      border-radius: 30px;
      display: inline-block;
    }
    span{
      font-size: 1.2em;
    }
    .spot {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
    }

    .svg-wrapper {
      margin-top: 0;
      position: relative;
      top: 25%;
      width: 150px;
      height: 40px;
      display: inline-block;
      border-radius: 3px;
      margin-left: 5px;
      margin-right: 5px
    }

    #shape {
      stroke-width: 6px;
      fill: transparent;
      stroke: #009FFD;
      stroke-dasharray: 85 400;
      stroke-dashoffset: -220;
      transition: 1s all ease;
    }

    #text {
      margin-top: -35px;
      text-align: center;
    }

    #text a {
      color: black;
      text-decoration: none;
      font-weight: 100;
      font-size: 1.1em;
    }

    .svg-wrapper:hover #shape {
      stroke-dasharray: 50 0;
      stroke-width: 3px;
      stroke-dashoffset: 0;
      stroke: #06D6A0;
    }
  </style>
</head>
<body>
<h1>欢迎使用绿色评级系统</h1>
<div id="main">
  <div class="enterprise">
    <p>
      <span>企业端请前往</span>
    <div class="svg-wrapper">
      <svg height="40" width="150" xmlns="http://www.w3.org/2000/svg">
        <rect id="shape" height="40" width="150" />
        <div id="text">
          <%--          <a href="http://localhost:8080//admin/login.html"><span class="spot"></span>企业端</a>--%>
          <button onclick="goToOne()">企业端</button>
        </div>
      </svg>
    </div>
    </p>
  </div>

  <div class="bank">
    <p>
      <span>银行端请前往</span>
    <div class="svg-wrapper">
      <svg height="40" width="150" xmlns="http://www.w3.org/2000/svg">
        <rect id="shape" height="40" width="150" />
        <div id="text">
          <!-- <a href="http://localhost:8080//admin/Bank/login.html"><span class="spot"></span>银行端</a> -->
          <button onclick="goToTwo()">银行端</button>
        </div>
      </svg>
    </div>
    </p>
  </div>
</div>
<script>
  function goToOne(){
    location.assign("./admin/login.html");
  }

  function goToTwo(){
    location.assign("./admin/Bank/login.html");
  }
</script>
</body>
</html>
